<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">
    <link href="css/index.css" rel="stylesheet" type="text/css"/>
    <link href="css/page.css" rel="stylesheet" type="text/css"/>
<!--#include file="public/mobile.html"-->

<meta charset="UTF-8" />

<title>{$common.title}</title>

<meta name="keywords" content="{$common.keywords}" />

<meta name="description" content="{$common.description}" />

<!--#include file="public/resources.html"-->

</head>

<body class="bodxs">

<!--#include file="public/head.html"-->
<div class="subbanner"><!--if:{$top_category.image}--><img src="{$top_category.image}" /><!--{else}--><div class="nbsp"></div><!--{/if}--></div>

<!--#include file="public/mkey.html"-->

<!--#include file="public/msub.html"-->
<div id="content">

	<div id="website_left">

		<div class="left_title">{$top_category.name}</div>

		<!--#include file="public/l_sub.html"-->

    </div>

    <div id="website_right">

    	<div class="right_title"><!--#include file="public/bread.html"--></div>

        <div class="custom">
            <style>
                .patener .li-items{
                    width: 743px;
                    border: 1px #ccc solid;
                    clear: both;
                    margin: 2px;
                }
                .patener .li-items .entity_image{float: left;}
                .patener .clearboth{clear: both;}
                .entity_description {
                    font-size: 14px;
                    margin-top: 52px;
                    text-align: left;
                    margin-bottom: 0px;
                    height: 100px;
                    overflow: hidden;
                    word-wrap: break-word;
                    padding: 0 10px 0;
                }
                .entity {
                    margin-left: 241px;
                }
                .entity_title {
                    text-align: left;
                    margin: 10px;
                    height: 28px;
                    line-height: 28px;
                    font-size: 14px;
                    font-weight: bold;
                    overflow: hidden;
                }
            </style>
        	<ul class="patener">

        	<!--foreach:{$loop $vo}-->
                <li class="li-items">
<a href="{$vo.aurl}" title="{$vo.title}" class="entity_image" target="_blank"><img src="{$vo.image}" alt="{$vo.title}" title="{$vo.title}" /></a>
                    <div class="entity">
                        <div class="entity_title"><a href="{$vo.aurl}" title="{$vo.title}">{$vo.title}</a></div>
                        <div class="entity_description">{$vo.description}</div>
                    </div>
                    <div class="clearboth"></div>
                </li>
		     <!--/foreach-->

		     </ul>

            <div class="clear"></div>

        </div>

        <ul id="turn_page">{$page}</ul>

    </div>

    <div class="clear"></div>

	<div class="blank12"></div>

</div>

<!--#include file="public/foot.html"-->

</body>

</html>

